<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:body>
        <ui:composition template="WEB-INF/template/master.xhtml">

            <ui:define name="header">

                <link href="motioncaptcha/jquery.motionCaptcha.0.2.css" rel="stylesheet" type="text/css"></link>
                <script src="motioncaptcha/jquery.motionCaptcha.0.2.js"></script>


                <!-- HEADER -->
                <div data-role="header" data-theme="a" data-position="inline">

                    <h1>Setup (3 von 3)</h1>

                </div>
            </ui:define>

            <ui:define name="content">
                <div data-role="content" data-theme="a">
                    <!--Semester Parameter wird aus URL in Bean geschrieben-->
                    <f:view contentType="text/html">

                        <f:metadata>
                            <f:viewParam name="semester" value="#{timetableBean.semester}" />
                        </f:metadata>
                    </f:view>

                    <c:choose>
                        <!--Wenn der create Parameter in der URL korrekt übergeben,
                        wir der Plan gespeichertwurde, und es kann anschließend die
                        Tagesansicht aufgerufen werden-->
                        <c:when test="#{timetableBean.checkCreateParameterFromURL()==true}">
                            <!-- Plan wird gespeichert -->
                            #{timetableBean.createCourseSchedule()}
                            <!--setzte Parameter, dass beim nächsten Aufruf der Einführungsdialog angezeigt wird-->
                            #{timetableBean.setZeigeEinfuehrung(true)}

                            <a href="day.xhtml?schedule=#{timetableBean.getCoursescheduleid()}"
                               data-role="button"
                               data-icon="arrow-r"
                               data-iconpos="right" >Weiter
                            </a>

                            <div data-role="collapsible" data-theme="b" data-content-theme="a" data-collapsed="false" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d">
                                <h3> Vorlesungen hinzugefügt:</h3> 

                                <c:forEach var="Lecture" items="#{timetableBean.getLectureCollectionBySemester()}">
                                    <ul>
                                        <li class="ui-overview">
                                            #{Lecture.getLecname()}
                                        </li>
                                    </ul>
                                </c:forEach>
                            </div>
                        </c:when>
                        <c:otherwise>
                            <!-- Falls kein Create Parameter in der URL übergeben wurde -->

                            <!-- ist Captcha OK, wurde der Cookie auf CpatchaIDCookie gesettz
                            Es wird der Link zum Speichern angezeigt-->
                            <c:choose>
                                <c:when test="#{timetableBean.checkCreateCourseschedulePramaterFromCookie(timetableBean.getCaptchaIDCookie())==true}">
                                    <!--Cookie mit Ergebnis des Captcha wird gelöscht -->
                                    <script type="text/javascript">
                                        removeCookie("activateButton");
                                    </script>
                                    <!--Wert von captchaIDCookie wird gelöscht-->
                                    #{timetableBean.setCaptchaIDCookie(null)}

                                    <!--Link zum Speichern des Vorlesungsplanes, mit Timestamp zur Validierung -->
                                    <c:choose>
                                        <c:when test="#{timetableBean.getCaptchaIDURL() == null}">
                                            <ul data-role="listview" data-inset="true" data-theme="a">
                                                <li>
                                                    <p class="ui-validate">Fehler bei der Validierung! Bitte Plan erneut erstellen!</p>
                                                </li>
                                            </ul>
                                            <a id="Link"
                                               href="welcome.xhtml"
                                               data-role="button"
                                               data-icon="arrow-r"
                                               data-iconpos="right" >Zur Startseite
                                            </a>


                                        </c:when>

                                        <c:otherwise>
                                            <ul data-role="listview" data-inset="true" data-theme="a">
                                                <li>
                                                    <p class="ui-validate">Validierung erfolgreich!</p>
                                                </li>
                                            </ul>
                                            <a id="Link"
                                               href="overview.xhtml?create=#{timetableBean.getCaptchaIDURL()}"
                                               data-role="button"
                                               data-icon="arrow-r"
                                               data-iconpos="right" >Vorlesungsplan speichern
                                            </a>
                                        </c:otherwise>
                                    </c:choose>

                                </c:when>
                                <c:otherwise>
                                    <c:choose>
                                        <c:when test="#{timetableBean.checkCreateCourseschedulePramaterFromCookie('reloaddone')==true}">
                                            <!-- Reload wurde durchgeführt-->
                                            <!-- Captcha wird initial aufgerufen, wenn keiner oder ein ungültiger Cookie vorhanden -->
                                            <!--Cookie wird entfernt -->
                                            <script type="text/javascript">
                                                removeCookie("activateButton");
                                            </script>

                                            <!--Motion Captcha Platzhalter wird erstellt -->
                                            <form id="motionCaptcha">
                                                <div id="mc">
                                                    <p>Zum Fortfahren bitte die Figur beginned beim Punkt nachfahren:</p>
                                                    <canvas id="mc-canvas"></canvas>
                                                </div>
                                            </form>

                                            <script type="text/javascript">
                                                //wenn Cookie activateButton=false
                                                //bei erfolgreicher validiereung wird cookie auf
                                                //die IDCookie gesetzt und die seite neu geladen
                                                $('#motionCaptcha').motionCaptcha("",'#{timetableBean.getCaptchaIDCookie()}');

                                            </script>
                                            <a href="javascript:window.location = 'overview.xhtml';"
                                               data-role="button"
                                               data-inline="true"
                                               data-icon="refresh"
                                               data-iconpos="right"
                                               >Neues Captcha</a>

                                        </c:when>
                                        <c:otherwise>
                                            <!--Wenn Nach erfolgreicher Aktivierung des Cookies F5 gedrückt wurde Fehler -->
                                            <c:choose>
                                                <c:when test="#{timetableBean.getCaptchaIDCookie().isEmpty()==true}">
                                                    <ul data-role="listview" data-inset="true" data-theme="a">
                                                        <li>
                                                            <p class="ui-validate">Fehler bei der Validierung! Bitte Plan erneut erstellen!</p>
                                                        </li>
                                                    </ul>
                                                    <a id="Link"
                                                       href="welcome.xhtml"
                                                       data-role="button"
                                                       data-icon="arrow-r"
                                                       data-iconpos="right" >Zur Startseite
                                                    </a>

                                                </c:when>
                                                <c:otherwise>
                                                    <p>Warte auf Captcha...</p>
                                                    <script type="text/javascript">

                                                        setCookie("activateButton","reloaddone",1);
                                                        //setTimeout(function(){window.location.reload()},500);
                                                        window.location = "overview.xhtml"
                                                        //window.location.href("overview.xhtml");
                                                    </script>

                                                </c:otherwise>
                                            </c:choose>
                                        </c:otherwise>
                                    </c:choose>
                                </c:otherwise>
                            </c:choose>

                        </c:otherwise>
                    </c:choose>

                    <style> .ui-block-a {width:120px; display:block; float:left;}</style>
                </div>

            </ui:define>

        </ui:composition>
    </h:body>
</html>
